<template>
  <div class="fav_songList_box">
    <signTitle2 :xxlistTitle="fav_songListTitle" />
    <div class="songList_card_bg">
      <visitCard1 :visitCardBOX="visitCardBOX.slice(0, 1)" />
    </div>
    <!-- 解决阴影被遮挡问题 -->
    <albumORsongBox :list2Content="listContent" />
  </div>
</template>
<script>
import signTitle2 from "../../../components/info_box/title2.vue";
import visitCard1 from "../../../components/info_box/visit_card.vue";
import albumORsongBox from "../../../components/info_box/albumORsongBox.vue";
export default {
  name: "",
  components: {
    signTitle2,
    visitCard1,
    albumORsongBox,
  },
  methods: {
    getdata(ID) {
      this.id = ID;
        this.$http
          .get("/user/index/playlist/", {
            params: {
              limit: 8,
              page: 1,
              id: this.id,
            },
          })
          .then((res) => {
            this.visitCardBOX = res.data.data;
            this.listContent = res.data.data;
          });
    },
  },

  data() {
    return {
      id: "",
      flag: 2, //歌单
      fav_songListTitle: [
        {
          sign: require("../../../assets/playlist.png"),
          title: "喜欢的歌单",
        },
      ],
      visitCardBOX: [
        {
          cover: require("../../../assets/kristina-manchenko-xeq-0jqUcKc-unsplash.jpg"),
          name: "歌单名字",
          author: "作者名字",
          publish: "2021.3.4",
          description: "关于歌单的简单介绍",
          fans: "768",
          comments: "326",
        },
      ],
      listContent: [
        {
          name: "歌单名",
          author: "作者名",
          publish: "2020.1.3",
          fans: "453",
          comments: "35",
        },
        {
          name: "歌单名",
          author: "作者名",
          publish: "2020.1.3",
          fans: "453",
          comments: "35",
        },
        {
          name: "歌单名",
          author: "作者名",
          publish: "2020.1.3",
          fans: "453",
          comments: "35",
        },
        {
          name: "歌单名",
          author: "作者名",
          publish: "2020.1.3",
          fans: "453",
          comments: "35",
        },
        {
          name: "歌单名",
          author: "作者名",
          publish: "2020.1.3",
          fans: "453",
          comments: "35",
        },
        {
          name: "歌单名",
          author: "作者名",
          publish: "2020.1.3",
          fans: "453",
          comments: "35",
        },
        {
          name: "歌单名",
          author: "作者名",
          publish: "2020.1.3",
          fans: "453",
          comments: "35",
        },
        {
          name: "歌单名",
          author: "作者名",
          publish: "2020.1.3",
          fans: "453",
          comments: "35",
        },
      ],
    };
  },
};
</script>
<style scoped>
.fav_songList_box {
  margin: 44px auto 40px;
}
.songList_card_bg {
  position: relative;
  width: 1198px;
  height: 214px;
  margin-bottom: 2px;
}
</style>
